1 <html>
2 <head>
3 <title>
4 petshop
5 </title>
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <style>
8 body {
9 margin: 0;
10
11 background-size: cover;
12 background: #484848;
13 background: -webkit-linear-gradient(right, #484848,#1a1a1a);
14 background: -moz-linear-gradient(right, #1a1a1a, #484848);
15 background: -o-linear-gradient(right,#484848,#1a1a1a);
16 background: linear-gradient(to left, #1a1a1a, #484848);
17 font-family: "Roboto", sans-serif;
18 -webkit-font-smoothing: antialiased;
19 -moz-osx-font-smoothing: grayscale;
20 /*background-color:rgba(43, 3, 3, 0.945);*/
21
22 }
23 .topnav {
24 overflow: hidden;
25 background-color:rgb(73, 25, 21);
26 height: 70px;
27 border: 2px solid black;
28 }
29
30 .topnav a {
31 float: left;
32 color: #f2f2f2;
33 text-align: center;
34 padding: 14px 16px;
35 text-decoration: none;
36 font-size: 35px;
37 font-weight: bold;
38 }
39 .login-page {
40 width: 360px;
41 padding: 8% 0 0;
42 margin: auto;
43 }
44 .form {
45 position: relative;
46 z-index: 1;
47 background: #FFFFFF;
48 max-width: 360px;
49 margin: 0 auto 100px;
50 padding: 45px;
51 text-align: center;
52 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 8px 8px 0 #491915;
53 border: 5px solid #491915;
54 border-radius: 3px;
55 }
56 .form input {
57 font-family: "Roboto", sans-serif;
58 outline: 0;
59 background: #f2f2f2;
60 width: 100%;
61 border: 0;
62 margin: 0 0 15px;
63 padding: 15px;
64 box-sizing: border-box;
65 font-size: 14px;
66 }
67 .form button {
68 font-family: "Roboto", sans-serif;
69 text-transform: uppercase;
70 outline: 0;
71 background:rgba(249, 105, 14, 1);
72 width: 100%;
73 border: 0;
74 padding: 15px;
75 color: #FFFFFF;
76 font-size: 14px;
77 -webkit-transition: all 0.3 ease;
78 transition: all 0.3 ease;
79 cursor: pointer;
80
81 }
82 .form button:hover,.form button:active,.form button:focus {
83 background: rgba(249, 105, 14, 1);
84 }
85
86
87 </style>
88 </head>
89 <body>
90 <div class="topnav">
91 <a class="active" href="login.html"><img src="ic_add_pet.png"></a>
92 <a href="login.html">pets shop</a>
93 </div>
94 <div class="login-page">
95 <div class="form">
96 <form class="login-form" action="index.php" method="POST">
97 <h1>Login</h1>
98 <input type="text" name="t1" placeholder="username" required/>
99 <input type="password" name="t2" placeholder="password" required/>
100 <button type="submit" name="t23" >login</button>
101 </form>
102 </div>
103 </div>
104
105
106
107
108 </body>
109
110 </html>
